<!DOCTYPE html>
<!-- 告诉浏览器下面的代码用html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- utf-8编码集：万国码 -->
		<title>页面</title>
	</head>
	<body>
		<!-- html 属性和属性值{所有元素存在，元素和属性捆绑}
		     功能：做效果   问题：针对一个元素有效
		 -->
		<p align="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus nihil nam est, neque temporibus provident, natus tempora, incidunt sit fuga obcaecati! Rerum quibusdam dignissimos quae minima, possimus quidem atque autem!</p>
		<!-- css  做样式【效果】 针对全局
		前端：内容与表现分离【html作结构，css作样式】
		      能使用css，不要用html元素中属性和属性值
			css3引入方式： ①内部样式表--练习专用，代码量低
			              ②外部样式表--项目专用，代码量高
						  ③内联样式表--基本不用，代码冗余
						  ④引入样式表--根本不用，支持css2引入方式
						               缺点：先内容后表现
			  
		 -->
		<p style="text-align: center">loreml</p>
	</body>
</html>
